<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/shopcar.css"/>
		<script data-main="js/index" src="js/require.js" type="text/javascript"></script>
	</head>
	<body>
		<div class="leftmenu clear"><!--左菜单栏-->
			<ul class="menu">
				<li><a href="index.html"style="letter-spacing: 5px;">首页</a></li>
				<li class="list"><a href="javascript:;">品牌系列</a>
					<ul class="submenu clear">
						<li><a href="javascript:;" style="border-top: 1px solid #b8b8b6;">维您</a></li>
						<li><a href="javascript:;">LA CELLER</a></li>
						<li><a href="javascript:;">秘密花园</a></li>
						<li><a href="javascript:;">SONOKO</a></li>
					</ul>
				</li>
				<li><a href="javascript:;">美容护肤</a></li>
				<li><a href="javascript:;">健康养生</a></li>
				<li><a href="javascript:;">家具日用</a></li>
				<li><a href="javascript:;">积分换购</a></li>
				<li><a href="javascript:;">VIP会员专区</a></li>
				<li><a href="javascript:;">关于麦考林</a></li>
			</ul>
		</div>
		<div class="rightmenu"><!--右菜单栏-->
			<div class="side_01">
				<a href="javascript:;"><img src="img/demoimg/rightSider_01.png"/></a>
			</div>
			<div class="side_02">
				<img src="img/demoimg/rightSider_02.png"/>
				<img src="img/demoimg/kefu1.png" class="kefu"/>
			</div>
			<div class="side_03">
				<a href="javascript:;"><img src="img/demoimg/gonggao.jpg"/></a>
			</div>
			<div class="side_04">
				<a href="javascript:;"><img src="img/demoimg/rightSider_04.png"/></a>
			</div>
		</div>
		
		
		<div class="searchbox">
			<div class="inquery">
				<input type="text" id="search" placeholder="热门搜索  ：洁面 控油 祛痘" />
				<input type="button" id="searchbtn" value="搜索" />
				<div class="close">×</div>
			</div>
		</div>
		<div class="header clear"><!--头部-->
			<h1 class="logo"><a href="javascript:;"><img src="img/demoimg/newlogo.png"/></a></h1>
			<div class="c1">
				<a href="javascript:;" class="search"></a>
				<span class="mark">
					丨
					<a href="login.html" class="lg">登录</a>
					<a href="##" class="admin" style="display: none;"></a>
					丨
					<a href="register.html" class="rg">注册</a>
					<a href="##" class="lout" style="display: none;">退出</a>
					丨
					<a href="javascript:;">我的账户</a>
					丨
					<a href="shopcar.html" class="market">
						<span>0</span>
					</a>
				</span>
				<span><img src="img/demoimg/tel-call.png" style="display: inline-block;"/></span>
			</div>
		</div>
		
		
		<div class="shopcon">
			<p class="shop-h clear"><span class="shop-1"></span><span class="shop-2">购物车</span></p>
			<div class="cart">
				<div class="cart-header">
					<div class="cart-select">
						<input type="checkbox" style="width: 12px;height: 12px;margin:8px 8px 0 15px;"/>
					</div>
					<div class="cart-name">
						<p>商品名称</p>
					</div>
					<div class="cart-price">
						<p>价格</p>
					</div>
					<div class="cart-num">
						<p>数量</p>
					</div>
					<div class="cart-total">
						<p>小计（元）</p>
					</div>
					<div class="cart-option">
						<p>操作</p>
					</div>
				</div>
				<table width="100%" style="border-collapse: collapse;">
					<tr style="text-align: center;" class="empty">
						<td style="height: 35px;color: #868686;">您还没有挑选商品哦，<a href="index.html" style="color: #868686;">返回首页</a></td>
					</tr>
					<tr class="clear good-items" style="height: 120px;background: #fffdeb;border-bottom: 1px dashed #eee;">
						<td style="width:35px;height:35px"><input type="checkbox" style="width: 12px;height: 12px;margin:8px 0px 0 6px;" checked="checked"/></td>
						<td style="width: 490px;height: 91px;">
							<div class="cart-name" style="height: 91px;">
								<div class="img" style="float: left;width: 90px;height: 91px;border: 1px solid #EEEEEE;margin-left: 50px;margin-right: 10px;">
									<img src="img/introduce/5428_thumb_P_1468174726509.jpg" width="70" height="91" style="margin: auto;" sid='1'/>
								</div>
								<div class="intc" style="float: left;">
									<a href="##" style="color: #333;">秘密花园玫瑰鲜活水 100ml</a>
								</div>
							</div>
						</td>
						<td style="width: 113px;height: 35px;">
							<div class="cart-price">
								￥<span>499</span>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							<div class="mei-num clear" style="margin: 3px 0 0 5px;">
								<a href="javascript:;" class="quantity-down">-</a>
								<input type="text" value="1" />
								<a href="javascript:;" class="quantity-add">+</a>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							￥<span class="t-price">499</span>
						</td>
						<td style="width: 112px;height: 35px;">
							<a href="##" class="del">删除</a>
						</td>
					</tr>
					
					<tr class="clear good-items" style="height: 120px;background: #fffdeb;border-bottom: 1px dashed #eee;">
						<td style="width:35px;height:35px"><input type="checkbox" style="width: 12px;height: 12px;margin:8px 0px 0 6px;" checked="checked"/></td>
						<td style="width: 490px;height: 91px;">
							<div class="cart-name" style="height: 91px;">
								<div class="img" style="float: left;width: 90px;height: 91px;border: 1px solid #EEEEEE;margin-left: 50px;margin-right: 10px;">
									<img src="img/introduce/6852_thumb_G_1471545297670 (1).jpg" width="70" height="91" style="margin: auto;" sid='2'/>
								</div>
								<div class="intc" style="float: left;">
									<a href="##" style="color: #333;">LA CELLER 胶原蛋白精华线球超值分享装</a>
								</div>
							</div>
						</td>
						<td style="width: 113px;height: 35px;">
							<div class="cart-price">
								￥<span>3820</span>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							<div class="mei-num clear" style="margin: 3px 0 0 5px;">
								<a href="javascript:;" class="quantity-down">-</a>
								<input type="text" value="1" />
								<a href="javascript:;" class="quantity-add">+</a>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							￥<span class="t-price">3820</span>
						</td>
						<td style="width: 112px;height: 35px;">
							<a href="##" class="del">删除</a>
						</td>
					</tr>
					
					<tr class="clear good-items" style="height: 120px;background: #fffdeb;border-bottom: 1px dashed #eee;">
						<td style="width:35px;height:35px"><input type="checkbox" style="width: 12px;height: 12px;margin:8px 0px 0 6px;" checked="checked"/></td>
						<td style="width: 490px;height: 91px;">
							<div class="cart-name" style="height: 91px;">
								<div class="img" style="float: left;width: 90px;height: 91px;border: 1px solid #EEEEEE;margin-left: 50px;margin-right: 10px;">
									<img src="img/introduce/4936_thumb_G_1482174806852.jpg" width="70" height="91" style="margin: auto;" sid='3'/>
								</div>
								<div class="intc" style="float: left;">
									<a href="##" style="color: #333;">维您氢之源珊瑚海藻复合食品礼盒</a>
								</div>
							</div>
						</td>
						<td style="width: 113px;height: 35px;">
							<div class="cart-price">
								￥<span>2160</span>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							<div class="mei-num clear" style="margin: 3px 0 0 5px;">
								<a href="javascript:;" class="quantity-down">-</a>
								<input type="text" value="1" />
								<a href="javascript:;" class="quantity-add">+</a>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							￥<span class="t-price">2160</span>
						</td>
						<td style="width: 112px;height: 35px;">
							<a href="##" class="del">删除</a>
						</td>
					</tr>
					
					<tr class="clear good-items" style="height: 120px;background: #fffdeb;">
						<td style="width:35px;height:35px"><input type="checkbox" style="width: 12px;height: 12px;margin:8px 0px 0 6px;" checked="checked"/></td>
						<td style="width: 490px;height: 91px;">
							<div class="cart-name" style="height: 91px;">
								<div class="img" style="float: left;width: 90px;height: 91px;border: 1px solid #EEEEEE;margin-left: 50px;margin-right: 10px;">
									<img src="img/introduce/7669_thumb_G_1472148897932.jpg" width="70" height="91" style="margin: auto;" sid='4'/>
								</div>
								<div class="intc" style="float: left;">
									<a href="##" style="color: #333;">维您葡萄片（压片糖果）60片</a>
								</div>
							</div>
						</td>
						<td style="width: 113px;height: 35px;">
							<div class="cart-price">
								￥<span>149</span>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							<div class="mei-num clear" style="margin: 3px 0 0 5px;">
								<a href="javascript:;" class="quantity-down">-</a>
								<input type="text" value="1" />
								<a href="javascript:;" class="quantity-add">+</a>
							</div>
						</td>
						<td style="width: 112px;height: 35px;">
							￥<span class="t-price">149<span>
						</td>
						<td style="width: 112px;height: 35px;">
							<a href="##" class="del">删除</a>
						</td>
					</tr>
				</table>
			</div>
			<div class="account clear">
				<div class="acc-select clear">
					<input type="checkbox" id="" class="allsel"/><label for="">全选</label>
				</div>
				<div class="acc-option">
					<a href="index.html">继续购物</a>
					丨
					<a href="javascript:;" class="delall">清空选中商品</a>
				</div>
				<div class="acc-fin clear">
					<p>共<span class="sn">0 </span>件商品  商品应付总额（不包含运费）：<span>￥</span><span class="sk" style="width: 100px;display: inline-block;">0</span></p>
					<a href="javascript:;">立即结算</a>
				</div>
			</div>
		</div>
		
		<div class="tuijian clear">
			<div class="tuiheader">
				<p>热门推荐</p>
			</div>
			<ul>
				<li>
					<img src="img/introduce/5428_thumb_P_1468174726509.jpg" sid='1'/>
					<p>秘密花园玫瑰鲜活水 100ml</p>
					<p>￥499</p>
					<a href="##">加入购物车</a>
				</li>
				<li>
					<img src="img/introduce/6852_thumb_G_1471545297670 (1).jpg" sid='2'/>
					<p>胶原蛋白精华线球</p>
					<p>￥3820</p>
					<a href="##">加入购物车</a>
				</li>
				<li>
					<img src="img/introduce/4936_thumb_G_1482174806852.jpg" sid='3'/>
					<p>氢之源珊瑚海藻复合食品</p>
					<p>￥2160</p>
					<a href="##">加入购物车</a>
				</li>
				<li>
					<img src="img/introduce/7669_thumb_G_1472148897932.jpg" sid='4'/>
					<p>维您葡萄片60片</p>
					<p>￥149</p>
					<a href="##">加入购物车</a>
				</li>
			</ul>
		</div>
		
		
		<!--尾部-->
		<div class="f fl">
			<div class="footer">
				<div class="left">
					<ul>
						<li>
							<a href="javascript:;" class="pic1 fd"></a>
							<a href="javascript:;">100%正品保证</a>
						</li>
						<li>
							<a href="javascript:;" class="pic2 fd"></a>
							<a href="javascript:;">专业在线客服</a>
						</li>
						<li>
							<a href="javascript:;" class="pic3 fd"></a>
							<a href="javascript:;">满99元包邮</a>
						</li>
					</ul>
				</div>
				<div class="mid">
					<ul>						
						<li>
							<h3>新手指南</h3>
							<p><a href="javascript:;">新会员注册</a></p>
							<p><a href="javascript:;">购物演示</a></p>
							<p><a href="javascript:;">常见问题</a></p>
						</li>
						<li>
							<h3>付款方式</h3>
							<p><a href="javascript:;">银行卡支付</a></p>
							<p><a href="javascript:;">支付宝支付</a></p>
							<p><a href="javascript:;">余额支付</a></p>
						</li>
						<li>
							<h3>售后服务</h3>
							<p><a href="javascript:;">退换货政策</a></p>
							<p><a href="javascript:;">退换货流程</a></p>
							<p><a href="javascript:;">退款流程</a></p>
							<p><a href="javascript:;">发票说明</a></p>
						</li>
						<li>
							<h3>特色服务</h3>
							<p><a href="javascript:;">贵宾专区</a></p>
							<p><a href="javascript:;">在线客服</a></p>
						</li>
						<li class="wm">
							<h3>麦考林生活家</h3>
							<img src="img/demoimg/dingyue.jpg"/>
						</li>
						<li class="wm">
							<h3>麦考林服务号</h3>
							<img src="img/demoimg/fuwu.jpg"/>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="last fl">
			<div class="la clear">
				<ul>
					<li style="margin-left: 20px;"><a href="javascript:;">关于麦考林</a></li>
					<li><a href="javascript:;">INVESTOR RELATIONS</a></li>
					<li><a href="javascript:;">联系我们</a></li>
					<li><a href="javascript:;">服务中心</a></li>
					<li style="border: 0;"><a href="javascript:;">加入我们</a></li>
				</ul>
			</div>
			<div class="lb clear">
				<a href="javascript" style="float: left;">
					<img src="img/demoimg/newicon.png" style="display: inline-block;"/>
				</a>
				<span style="float: left;"> 沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved</span>
			</div>
			<div class="lc clear">
				<a href="javascript:;"><img src="img/demoimg/xfwqNew.jpg" style="margin-left: 40px;margin-right: 10px;float: left;"/></a>
				<a href="javascript:;"><img src="img/demoimg/evaluate.jpg" style="margin-right: 10px;float: left;"/></a>
				<a href="javascript:;">
					<img src="img/demoimg/beian.png" style="float: left;margin-top: 5px;"/>
					<span style="float: left;margin-top: 8px;">沪公网安备 31010402000234号</span>
				</a>
				
			</div>
		</div>
	</body>
</html>
